import React, { useState } from 'react'

/* 函数式组件 - 钩子函数 */
export default function App() {
  //函数式组件没有state用于配置状态变量
  // state={
  //   count:100,
  //   name:"aa",
  //   age:18
  // }

  //需要使用useState钩子函数,配置state
  //--useState钩子函数,用于设置一个状态变量
  //--调用一次只能设置一个状态变量
  //--传入的参数作为状态变量的初始值
  //--返回的是一个数组,其中有两个值,[状态变量当前值,设置函数]
  //--设置函数:用于设置新数据,并重新渲染页面
  let arr = useState(100);//设置state,初始值为100
  let num = arr[0]
  let f1 = arr[1]
  return (
    <div>
      <button onClick={()=>{f1(num+1)}}>
        当前点击次数:{num}
      </button>      
    </div>
  )
}
